{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Nota a partir de XML ou PDF{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Emitir nota a partir de um XML ou PDF</h1><p>Anexe o XML ou o PDF do DANFE de uma NF-e existente (sua ou de fornecedor). Os dados vão para o formulário, e você revisa antes de emitir. Do PDF, os impostos que o DANFE não mostra vêm do cadastro do produto ou do padrão: confira na prévia.</p></div>
</div>
<form class="cartao" method="post" enctype="multipart/form-data" data-carregando="Lendo a nota...">
  <div class="corpo" style="display:grid;gap:18px">
    <label class="soltar">
      <input type="file" name="xml" accept=".xml,.pdf" required>
      {{ icone('upload') }}
      <b>Clique ou arraste aqui o XML ou o PDF (DANFE) da nota</b>
      <span class="suave peq">Arquivo .xml da NF-e (procNFe ou NFe)</span>
      <div class="nome-arquivo peq" style="margin-top:8px;color:var(--verde-700)"></div>
    </label>
    <div>
      <h3 style="margin-bottom:10px">O que você quer fazer?</h3>
      <div class="passos">
        <label class="opcao-modo"><input type="radio" name="modo" value="copia" checked>
          <div><b>Nova nota com os mesmos itens</b><span>Copia produtos, quantidades e preços. Se a nota for sua, também copia o destinatário.</span></div></label>
        <label class="opcao-modo"><input type="radio" name="modo" value="devolucao">
          <div><b>Devolução</b><span>Devolve a mercadoria para quem emitiu a nota, com finalidade 4, CFOP de devolução e chave referenciada.</span></div></label>
        <label class="opcao-modo"><input type="radio" name="modo" value="complementar">
          <div><b>Nota complementar</b><span>Referencia a nota original para complementar valor ou imposto.</span></div></label>
      </div>
    </div>
    <label class="check"><input type="checkbox" name="cadastrar_produtos" value="1"> Cadastrar os produtos da nota que ainda não existem</label>
  </div>
  <div class="rodape-form"><button class="btn prim">Continuar</button></div>
</form>
{% endblock %}